<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>关于</title>
    <div th:include="components/header :: header"></div>
</head>
<body>


<div th:replace="components/nav :: nav"></div>


<div id="about">
    <div class="banner" style="background-image: url('/static/assets/about/banner0.jpg')">
        <img src="/static/assets/about/banner0.jpg" alt="">
        <div class="wrap" style="display: none">
            <p>天—预先知，领行业先锋</p>
            <p>势—大势所趋，势在必行</p>
            <p>先行业之首，顺时代之势，树行业领先典范</p>
        </div>
    </div>
    <div class="content-container">
        <div class="panel1">
            <h2>深圳天势思维实业有限公司（TezWez ）</h2>
            <div class="title">创立以来专注为企业量身定制品牌营销方案，
                从网站搭建，活动策划到营销推广提供全套服务。且与东南亚，欧洲，加拿大，香港，澳门等众多企业有业务来往，全面为企业打造明星般品牌， 达到最佳的品牌营销效果
            </div>
            <div class="desc">Since its foundation, TezWez has been dedicated in customizing marketing plans for
                enterprises, including website constriction, event planning and marketing promotion. Besides, the
                cooperation with enterprises from South-east Asia, Europe, Canada, Hong Kong and Macao helps them build
                star
                brands and achieve optimal marketing effects.
            </div>
        </div>
    </div>
    <div class="swiper-container">
        <img class="con left" src="/static/assets/about/right.png" alt="">
        <img class="con right" src="/static/assets/about/right.png" alt="">
        <div class="custom-pagination">
            <div class="pagination-switch">
                <div class="tip">01</div>
            </div>
            <div class="pagination-switch">
                <div class="tip">02</div>
            </div>
            <div class="pagination-switch">
                <div class="tip">03</div>
            </div>
        </div>
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image: url('/static/assets/detail/bg1.jpg')"></div>
            <div class="swiper-slide" style="background-image: url('/static/assets/detail/bg2.jpg')"></div>
            <div class="swiper-slide" style="background-image: url('/static/assets/detail/bg3.jpg')"></div>
        </div>
    </div>

    <div class="content-container">
        <div class="panel2">
            <div class="title">
                知易行难，知行合一
            </div>

            <div class="title">
                企业文化是一个公司凝聚力的体现，而TezWez始终坚持以有趣的灵魂作为企业的内驱和信仰。
            </div>
            <div class="hr"></div>
            <article>别人的态度千篇一律，我给你的心意万里挑一<br>
                迎着风，扬起帆，不论风雨也无惧浪涛。对我们而言，每一份坚持，都是信仰的见证，每一次突破，都是为了成就更好的自己。<br>
                对TezWez来说——<br>
                客户不是上帝，而是良师益友，彼此相辅相成，我们能做的只会竭尽所能，待客以诚；<br>
                员工不是苦力，而是亲密战友，彼此共同进退，我们能做的只有荣辱与共，任人唯贤；<br>
                伙伴不是逢场作戏，而是忠实盟友，彼此互为臂膀，我们能做的只是同舟共济，交友以德。
            </article>
        </div>
    </div>

</div>


<div th:replace="components/footer :: footer"></div>

<script src="/static/js/freewall.js"></script>
<script>


    $(".nav-items > li > .wrap").eq(0).css({"top": "-26px", "font-weight": "600"})
    $(function () {
        var isOnHover = false

        var mySwiper = new Swiper('.swiper-container', {
            //滚轮滑动
            // mousewheelControl: true,
            //键盘滑动
            keyboardControl: true,
            slidesPerView: 1,
            loop: true,
            onSlideChangeStart: function (swiper) {
                $($('.pagination-switch')[swiper.previousIndex - 1]).css("opacity", "0.6")
                $($('.pagination-switch')[swiper.activeLoopIndex]).css("opacity", "1")

            }
        });

        setInterval(function () {
            if (!isOnHover) {
                var nIndex = mySwiper.activeIndex
                mySwiper.swipeNext();
            }
        }, 6000)

        $('.pagination-switch').hover(function (e) {
            $('.pagination-switch').css("opacity", "0.6")
            var index = parseInt(e.target.innerText)
            mySwiper.swipeTo(index - 1, 1000, false);
            $($('.pagination-switch')[index - 1]).css("opacity", "1")
            isOnHover = true
        }, function (e) {
            isOnHover = false
        })

        $('.swiper-container .left').click(function () {
            mySwiper.swipePrev()
        })
        $('.swiper-container .right').click(function () {
            mySwiper.swipeNext()
        })
    })


</script>
</body>
</html>
